<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="京东JD.COM-专业网上购物商城,网上购物,手机,电脑,笔记本">
    <meta name="keywords" content="网上购物,手机,电脑,笔记本,京东,数码相机,MP4,MP3">
    <link rel="icon" href="images/favicon.ico" type="imeic/x-icon" >
    <!-- 链入标题图标 -->
    <title>京东(JD.COM)-正品低价、质量保证、配送及时</title>
    <link rel="stylesheet" href="css/initializeCss.css" />
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/normalize.css">
    <!-- 链入公共样式 -->
  </head>
  <body>
      <div class="top">
        <a href="#" class="w"><i>&#xe905</i></a> 
      </div>
      <!-- 导航栏 -->
      <div class="nav">
        <div class="w">
        <div class="fl">
          <i class="pos">&#xe948</i>
              北京
        </div>
        <ul class="fr">
          <li><a href="#"> 你好，请登录&nbsp;&nbsp;</a></li>
          <li class="red"> 免费注册</a></li>
          <li class="speac"></li>
          <li><a href="#">我的订单</a></li>
          <li class="speac"></li>
          <li><a href="#">我的京东<i>&#xea51</i></a></li>
          <li class="speac"></li>
          <li><a href="#">京东会员</a></li>
          <li class="speac"></li>
          <li><a href="#">企业采购</a></li>
          <li class="speac"></li>
          <li><a href="#">客户服务<i>&#xea51</i></a></li>
          <li class="speac"></li>
          <li><a href="#">网站导航<i>&#xea51</i></a></li>
          <li class="speac"></li>
          <li style="position: relative;">
            <a href="#" >手机京东</a>
            <div class="erwam">
              <img src="images/erweima.png" alt="">
            </div>
          </li>
        </ul>
        </div>
      </div>
      <!-- 搜索+商品导航 -->
      <div class="header">
        <div class="w">
          <div class="log">
            <a href="#" title="京东网">京东</a>
          </div>
          <div class="shousuo">
            <input type="text" value="单反相机">
            <button><i>&#xea03</i></button>
            <em></em>
          </div>
          <div class="gouwu">
            <i>&#xe93a</i>
            <a href="#">我的购物车</a>
            <s>0</s>
          </div>
          <div class="remen">
            <a href="#" class="red">学生专享</a>
            <a href="#">300减160</a>
            <a href="#">七折返场</a>
            <a href="#">骑行运动</a>
            <a href="#">家电榜单</a>
            <a href="#">无损播放器</a>
            <a href="#">汽车脚垫</a>
            <a href="#">巧克力</a>
            <a href="#">铝合金门窗</a>
          </div>
          <div class="coumputer">
            <a href="#"><img src="images/computer.jpg" alt="" height="40px" width="190px"></a>
          </div>
          <div class="spnav">
            <ul >
              <li><a href="#">秒杀</a> </li>
              <li><a href="#">优惠券</a></li>
              <li><a href="#">闪购</a></li>
              <li><a href="#">拍卖</a></li>
            </ul>
          <div class="speac"></div>
          <ul>
            <li><a href="#">京东服饰</a></li>
            <li><a href="#">京东超市</a></li>
            <li><a href="#">生鲜</a></li>
            <li><a href="#">全球购</a></li>
          </ul>
          <div class="speac"></div>
          <ul>
            <li><a href="#">京东金融</a></li>
          </ul>
          </div>
        </div>
      </div>
      
    <!-- 商品列表分类 轮播图-->
    <div class="PartTwo">
      <div class="w clearfix coutent">
        <!-- 商品列表 -->
        <div class="ClassificationList fl">
          <ul>
            <li>
              <a href="#">家用电器</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
            <li>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">运营商</a>
              <span>/</span>
              <a href="#">数码</a>
            </li>
          </ul>
        </div>
        <!-- 轮播图部分 -->
        <div class="CarouselMap fl">
          <div class="CarouselMap_top">
            <ul>
              <li><a href="#"><img src="./images/banner.jpg" alt="商品"></a></li>
            </ul>
            <ol class="clearfix">
              <li class="active"></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ol>
            <a href="javascript:;" class="left"><i></i> </a>
            <a href="javascript:;" class="right"><i></i> </a>
          </div>
          <div class="CarouselMap_bottom clearfix">
            <div class="pic fl"><img src="./images/pic1.jpg" alt=""></div>
            <div class="pic fl"><img src="./images/pic2.jpg" alt=""></div>
          </div>
        </div>
        <!-- 最右侧登录注册模块 -->
        <div class="FarRight fl">
          <div class="user">
            <div class="user_hd">
              <a href="#" class="touxiang">
                <img src="./images/no_login.jpg" alt="">
              </a>
               Hi,欢迎来到京东 <br>
              <a href="#" class="javascript:;">登录</a>
              <a href="#" class="javascript:;">注册</a>
            </div>
            <div class="user_bd">
              <a href="javascript:;">新人福利</a>
              <a href="javascript:;">PLUS会员</a>
            </div>
          </div>
         <!-- 促销公告 -->
        <div class="news">
          <div class="tab-hd">
            <a href="javascript:;" class="cuxiao">促销</a>
            <a href="javascript:;">公告</a>
            <a href="#" class="more1">更多</a>
            <div class="line"></div>
          </div>
          <div class="tab-bd">
            <ul>
              <li><a href="#">蓄电池专场下单立减100元</a></li>
              <li><a href="#">蓄电池专场下单立减100元</a></li>
              <li><a href="#">蓄电池专场下单立减100元</a></li>
              <li><a href="#">蓄电池专场下单立减100元</a></li>
            </ul>
          </div>
        </div>
        <!-- 机票模块 -->
        <div class="jd-service">
          <ul>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i class="spriteMap"></i>
                <p>机票</p>
              </a>
            </li>
          </ul>
        </div>
        </div>
        
      <!-- 广告模块 -->
      <div class="guangao">
      </div>
    </div>
 <!-- footer部分内容 -->
 <div class="footer">
  <!-- 多、快、好、省  -->
  <div class="w service">
    <ul class="clearfix">
      <li>
        <a class="duo">多</a>
        品类齐全，轻松购物
      </li>
      <li>
        <a class="kuai">快</a>
        品类齐全，轻松购物
      </li>
      <li>
        <a class="hao">好</a>
        品类齐全，轻松购物
      </li>
      <li>
        <a class="sheng">省</a>
        品类齐全，轻松购物
      </li>
    </ul>
    <!-- 帮助模块 -->
    <div class="help">
      <dl>
        <dt>购物指南</dt>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">会员介绍</a></dd>
        <dd><a href="#">生活旅行</a></dd>
        <dd><a href="#">常见问题</a></dd>
        <dd><a href="#">大家电</a></dd>
        <dd><a href="#">联系客服</a></dd>
      </dl>
      <dl>
        <dt>购物指南</dt>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">会员介绍</a></dd>
        <dd><a href="#">生活旅行</a></dd>
        <dd><a href="#">常见问题</a></dd>
        <dd><a href="#">大家电</a></dd>
        <dd><a href="#">联系客服</a></dd>
      </dl>
      <dl>
        <dt>购物指南</dt>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">会员介绍</a></dd>
        <dd><a href="#">生活旅行</a></dd>
        <dd><a href="#">常见问题</a></dd>
        <dd><a href="#">大家电</a></dd>
        <dd><a href="#">联系客服</a></dd>
      </dl>
      <dl>
        <dt>购物指南</dt>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">会员介绍</a></dd>
        <dd><a href="#">生活旅行</a></dd>
        <dd><a href="#">常见问题</a></dd>
        <dd><a href="#">大家电</a></dd>
        <dd><a href="#">联系客服</a></dd>
      </dl>
      <dl>
        <dt>购物指南</dt>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">会员介绍</a></dd>
        <dd><a href="#">生活旅行</a></dd>
        <dd><a href="#">常见问题</a></dd>
        <dd><a href="#">大家电</a></dd>
        <dd><a href="#">联系客服</a></dd>
      </dl>
      <dl class="cover clearfix">
        <dt>京东自营覆盖区县</dt>
        <dd class="c-info">
          京东已向全国2661个区县提供自营配送服务，支持货到付款、pos机刷卡和售后上门服务
        </dd>
        <dd class="more"><a href="#">查看详情</a></dd>
      </dl>
    </div>

    <div class="w copyright">
      <div class="links">
        <a href="#"> 关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">联系客服</a>
        <span>|</span>
        <a href="#">合作协商</a>
        <span>|</span>
        <a href="#">商家帮助</a>
        <span>|</span>
        <a href="#">营销中心</a>
        <span>|</span>
        <a href="#">手机京东</a>
        <span>|</span>
        <a href="#">友情链接</a>
        <span>|</span>
        <a href="#">销售联盟</a>
        <span>|</span>
        <a href="#">京东社区</a>
        <span>|</span>
        <a href="#"> 风险监测</a>
        <span>|</span>
        <a href="#">隐私政策</a>
        <span>|</span>
        <a href="#"> 京东公益</a>
        <span>|</span>
        <a href="#">English</a>
        <span>|</span>
        <a href="#">Site</a>
        <span>|</span>
        <a href="#">Media & IR</a>
        <span>|</span>
      </div>
      <div class="c-info">
        <p>
          京公网安备 11000002000088号 | 京ICP备11041704号 |
          互联网药品信息服务资格证编号(京)-经营性-2014-0008 | 新出发京零
          字第大120007号
        </p>
        <p>
          互联网出版许可证编号新出网证(京)字150号 | 出版物经营许可证 |
          网络文化经营许可证京网文[2020]6112-1201号 |
          违法和不良信息举报电话：4006561155
        </p>
        <p>
          Copyright 2004 - 2021 京东JD.com 版权所有 |
          消费者维权热线：4006067733 | 经营证照 |
          (京)网械平台备字(2018)第00003号 | 营业执照
        </p>
        <p>京东旗下网站：京东钱包 | 京东云</p>
      </div>
      <div class="tupian">
        <a href="#"></a>
        <a href="#" class="kexin"></a>
        <a href="#" class="wngluo"></a>
        <a href="#" class="chengxin"></a>
        <a href="#" class="china"></a>
        <a href="#" class="inter"></a>
      </div>
    </div>
  </div>
</div>

    <script src="./js/index.js"></script>

  </body>
</html>
